<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>视频广场</title>
		<link rel="stylesheet" type="text/css" href="../css/basic.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/video.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
	</head>
	<body>
		<div class="index-content">
			<!-- 头部 -->
			<header>
				<div class="header-content width1300 clearfix">
					<div class="logo fl clearfix">
						<img src="../img/logo.png" class="fl" />
						<p class="fl">中成商务房车</p>
					</div>
					<div class="search fl">
						<input type="text" placeholder="请输入想要搜索的内容" class="fl" />
						<i class="iconfont icon-sousuo1 fr"></i>
					</div>
					<div class="telphone fr">
						<img src="../img/tel.png" />
						<div class="num">热线电话<b>400-079-6969</b></div>
					</div>
				</div>
				<div class="nav clearfix width1300">
					<div class="nav-list fl">首页</div>
					<div class="nav-list fl">选车中心</div>
					<div class="nav-list fl">推荐车系</div>
					<div class="nav-list fl">优惠资讯</div>
					<div class="nav-list fl">视频中心</div>
					<div class="nav-list fl">关于我们</div>
				</div>
			</header>
			<!-- 视频广场 -->
			<div class="square width1300">
				<div class="title">
					<div class="title-left fl"><span class="title-icon"></span>视频广场</div>
					<div class="title-right fl">
						<ul>
							<li class="light">全部</li>
							<li>奔驰</li>
							<li>大众</li>
							<li>GMC</li>
							<li>更多品牌</li>
							<li>美女</li>
							<li>生活旅拍</li>
							<li>车展活动</li>
						</ul>
					</div>
					<hr/>  
				</div>
				<div class="content">
					<div class="content-tab">
						<ul>
							<li class="light2">最新发布</li>
							<li>更多播放</li>
							<li>好车推荐</li>
						</ul>
					</div>
					<div class="con clearfix">
						<div class="con-left fl">
							<ul>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/brand.png" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾车亮相京津冀国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
								<li>
									<img class="car-img" src="../img/car1.jpg" alt="">
									<p class="over-hide">奥铃双向压缩式垃圾国</p>
									<div class="info">
										<div class="num fl">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
										<div class="date">2020-10-19</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="con-right fl">
							<ul>
								<li>
									<div class="car-img fl">
										<img class="car-play" src="../img/brand.png" alt="">
										<span class="sort">1</span>
									</div>
									<div class="car-txt">
										<p class="over-hides">实力均衡还划算 试驾捷途X70试驾捷途X70 PLUS</p>
										<div class="num">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
									</div>
								</li>
								<li>
									<div class="car-img fl">
										<img class="car-play" src="../img/car1.jpg" alt="">
										<span class="sort">2</span>
									</div>
									<div class="car-txt">
										<p class="over-hides">实力均衡还划算 试驾捷途X70 PLUS</p>
										<div class="num">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
									</div>
								</li>
								<li>
									<div class="car-img fl">
										<img class="car-play" src="../img/brand.png" alt="">
										<span class="sort">3</span>
									</div>
									<div class="car-txt">
										<p class="over-hides">实力均衡还划算 试驾捷途X70 PLUS</p>
										<div class="num">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
									</div>
								</li>
								<li>
									<div class="car-img fl">
										<img class="car-play" src="../img/brand.png" alt="">
									</div>
									<div class="car-txt">
										<p class="over-hides">实力均衡还划算 试驾捷途X70 PLUS</p>
										<div class="num">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
									</div>
								</li>
								<li>
									<div class="car-img fl">
										<img class="car-play" src="../img/brand.png" alt="">
									</div>
									<div class="car-txt">
										<p class="over-hides">实力均衡还划算 试驾捷途X70 PLUS</p>
										<div class="num">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
									</div>
								</li>
								<li>
									<div class="car-img fl">
										<img class="car-play" src="../img/brand.png" alt="">
									</div>
									<div class="car-txt">
										<p class="over-hides">实力均衡还划算 试驾捷途X70 PLUS</p>
										<div class="num">
											<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
											<span>130</span>
											<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
											<span>0</span>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="pagina">
					<div class="page">
						<ul>
							<li class="page-jiantou"><</li>
							<li class="page-light">1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
							<li>6</li>
							<li>7</li>
							...
							<li>15</li>
							<li class="page-jiantou">></li>
						</ul>
					</div>
				</div>
			</div>


			<!-- 悬浮按钮 -->
			<div class="goTop">
				<img src="../img/top.png" />
			</div>
			
			
			<!-- 底部 -->
			<footer class="">
				<div class="foot-classify clearfix width1300">
					<div class="foot-nav">
						<h4>车型总鉴</h4>
						<p>奢石版</p>
						<p>v级系列</p>
						<p>斯宾特系列</p>
						<p>大众T6</p>
						<p>GMC</p>
						<p>豪华加长</p>
					</div>
					<div class="foot-nav">
						<h4>品牌天地</h4>
						<p>品牌中心</p>
						<p>关于我们</p>
						<p>赛事风采</p>
					</div>
					<div class="foot-nav">
						<h4>高级私人定制系列</h4>
						<p>限量发售</p>
						<p>车主故事</p>
					</div>
					<div class="foot-nav">
						<h4>售后服务</h4>
						<p>车主服务</p>
						<p>常见问与答</p>
						<p>原厂配件</p>
						<p>选装配件及精品</p>
					</div>
					<div class="foot-nav">
						<h4>新闻资讯</h4>
						<p>企业动态</p>
						<p>行业热点</p>
					</div>
				</div>
				<div class="companyInfo">
					<div class="width1300">
						<div class="company_name"></div>
						<div class="company-info clearfix">
							<div class="fl">杭州中诚汽车销售服务有限公司&nbsp;&nbsp;|&nbsp;&nbsp;<i>华东高端商务房车展销中心</i></div>
							<div class="fr">
								<div class="telphone fr clearfix">
									<img src="../img/tel.png" />
									<div class="num">热线电话<b>400-079-6969</b></div>
								</div>
								<p class="address">地址：浙江省杭州市下城区绍兴路2号</p>
								<p class="police clearfix"><img src="../img/police.png">浙公网安备33010302003582号</p>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				autoplay:true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var swiper2 = new Swiper('.evaluation-container', {
				slidesPerView: 4,
				spaceBetween: 7
			});
			
			  
		</script>
	</body>
</html>
